<!DOCTYPE html>
<html>
  <head>
    <title>热点资讯</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <!-- 引入 Bootstrap -->
      <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
      <!-- jQuery (Bootstrap 的 JavaScript 插件需要引入 jQuery) -->
      <script src="https://code.jquery.com/jquery.js"></script>
      <!-- 包括所有已编译的插件 -->
      <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

  </head>
   <body style="padding-top: 90px;">
	   <script type="text/javascript">
	   	function a1(passageName){
	   		$.ajax({
	   			url:"/information",
	   			data:{
	   				"name":passageName
	   			}
				dataType:'json',//服务器返回json格式数据
	   			type:'post',//HTTP请求类型
	   			success:function(){
					
	   				alert(data.data.title);
					alert(data.data.content)
					alert(data.data.time)
					alert(data.data.source)
					alert(data.data.visitTimes)
					sessionStorage.setItem('key', data);
					window.open('test2.html','_self');
	   			}
	   		});
	   		
	   	}
	   </script>
	   
        <div class="container-fluid">
                <!--导航栏-->
                <div class="row-fluid">
                       <nav class="navbar navbar-default navbar-fixed-top" role="navigation" style="background-color: #660066;">
                            <div class="container-fluid">
                            <div class="navbar-header">
                               <a class="navbar-brand" style="margin-left: 20px;color: rgb(255, 255, 255);" href="https://www.baidu.com/">主页</a>
                            </div>
                            <div>
                               <ul class="nav navbar-nav">
                                  <li class="dropdown">
                                     <a href="#" class="dropdown-toggle" data-toggle="dropdown" style="font-size: 18px;margin-left: 40px;color: rgb(255, 255, 255);">
                                        硬件信息 
                                        <b class="caret"></b>
                                     </a>
                                     <ul class="dropdown-menu" style="background-color: #660066;">
                                        <li><a href="硬件知识.html" style="font-size: 18px;color: rgb(255, 255, 255);">CPU</a></li>
                                        <li><a href="硬件知识.html" style="font-size: 18px;color: rgb(255, 255, 255);">显卡</a></li>
                                        <li><a href="硬件知识.html" style="font-size: 18px;color: rgb(255, 255, 255);">内存</a></li>
                                        <li><a href="硬件知识.html" style="font-size: 18px;color: rgb(255, 255, 255);">硬盘</a></li>
                                        <li><a href="硬件知识.html" style="font-size: 18px;color: rgb(255, 255, 255);">笔记本</a></li>
                                     </ul>
                                  </li>
                               </ul>
                            </div>
                            <div class="navbar-header">
                                  <a class="navbar-brand" href="#" style="margin-left: 40px;color: rgb(255, 255, 255);">社区交流</a>
                            </div>
                            <div>
                               <form class="navbar-form navbar-left" role="search" style="margin-left: 650px;">
                                  <div class="form-group">
                                     <input type="text" class="form-control" placeholder="输入查找的内容" style="width: 300px;">
                                  </div>
                                  <a href="https://www.baidu.com/">
                                     <img src="search.png" width="35px" height="35px">
                                  </a>
                               </form>
                            </div>
                            <div>
                               <a href="https://www.baidu.com/"><img src="头像.png" style="width: 37px;margin-top: 8px;"></a>
                            </div>
                            </div>
                       </nav>
                </div>
       
                <div class="row-fluid">
                      <!--左端功能页面栏-->
                      <div class="col-md-2" style="margin-left:0px;margin-top:40px;">
                            <div class="panel-group" id="accordion" >
                                <div class="panel panel-default" >
                                    <div class="panel-heading" style="background-color: purple;">
                                        <h5 class="panel-title">
                                            <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">                     
                                                <h5><span class="glyphicon glyphicon-th-list" style="color: rgb(231, 237, 238); font-size: 20px;"> 功能页面</span></h5>
                                            </a>
                                        </h5>
                                    </div>
                                    <div id="collapseOne" class="panel-collapse collapse in">
                                        <div class="panel-body">
                                            <div class="list-group">
                                                <a class="list-group-item" style="color: rgb(117, 75, 187); font-size: 19px;" href="热点资讯.html">热点资讯</a>
                                                <a class="list-group-item" style="color: rgb(117, 75, 187); font-size: 19px;" href="硬件匹配.html">硬件匹配</a>
                                                <a class="list-group-item" style="color: rgb(117, 75, 187); font-size: 19px;" href="key_word_search.html">关键字匹配</a>
                                                <a class="list-group-item" style="color: rgb(117, 75, 187); font-size: 19px;" href="电脑猎场.html">电脑猎场</a>
                                            </div>     
                                        </div>
                                    </div>
                                </div>
                            </div>
                      </div>
                      <div class="col-md-10" style="margin-top:40px;border:solid 1px purple;">
                            <div class="page-header" >
                                    <h1 style="font-family: 微软雅黑;font-weight: bold;">热点资讯</h1>
                            </div>
                            <!--媒体组件（文章资讯）-->
                            <div class="media">
                                    <a href="#" class="pull-left"><img src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=3861115627,2732340871&fm=26&gp=0.jpg" class="media-object" alt='' /></a>
                                   <div class="media-body">
                                       <h1 class="media-heading">
                                           <a onclick="a1(this.innerText)">点击领取</a>
                                       </h1> 
                                       <div style="font-size: 30px;">
                                       Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
                                       </div>

                                    </div>
                            </div>
                            <div class="media">
                                    <a href="#" class="pull-left"><img src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=3861115627,2732340871&fm=26&gp=0.jpg" class="media-object" alt='' /></a>
                                   <div class="media-body">
                                       <h1 class="media-heading">
                                           <a onclick="a1(this.innerText)">点击领取</a>
                                       </h1> 
                                       <div style="font-size: 30px;">
                                       Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
                                       </div>
                                    </div>
                            </div>
                            <div class="media">
                                    <a href="#" class="pull-left"><img src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=3861115627,2732340871&fm=26&gp=0.jpg" class="media-object" alt='' /></a>
                                   <div class="media-body">
                                       <h1 class="media-heading">
                                           <a onclick="a1(this.innerText)">点击领取</a>
                                       </h1> 
                                       <div style="font-size: 30px;">
                                       Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
                                       </div>

                                    </div>
                            </div>
                            <!--分页切换-->
                            <div class="row-fluid">
                                <div class="col-md-4" style="margin-left:0px;margin-top:40px;">
                                </div>
                                <div class="col-md-8" style="margin-left:0px;margin-top:40px;">
                                        <ul class="pagination pagination-lg">
                                                <li>
                                                     <a href="#" style="color: purple;">Prev</a>
                                                </li>
                                                <li>
                                                     <a href="#" style="color: purple;">1</a>
                                                </li>
                                                <li>
                                                     <a href="#" style="color: purple;">2</a>
                                                </li>
                                                <li>
                                                     <a href="#" style="color: purple;">3</a>
                                                </li>
                                                <li>
                                                     <a href="#" style="color: purple;">Next</a>
                                                </li>
                                        </ul>
                                </div>
                            </div>
                      </div>
                </div>       
           </div>       
   </body>
</html>